define(['template','url','jquery'], (template,url) => {
    class Header {
        constructor() {
            // this.searchInput = null
            this.load()
            // this.search()
            
            
        }
        load() {
            // 加载 html 
            // 先找到页面 用来装 header 里面代码的容器  
            // console.dir($)
            $("header").load('/html/modules/header.html', () => {
                // 搜索
                this.logAndReg()
                this.search()
                this.getNav()
                this.shopNum()
                this.loginName()
            })
            // promise resolve  reject
        }
        logAndReg(){
            // $("#navLogin").on('click',function() {
            //     $(".login").css('opacity','1')
            // })
            $('#navLogin').click(function(){//点击a标签  
                        if($('.login').is(':hidden')){
                        $('.login').show();
                        }else{
                        $('.login').hide();
                        }  
                    })  
        }
        search(){
            $('#search').click(function(){
                        if($('.search').is(':hidden')){
                        $('.search').show();
                        }else{ 
                        $('.search').hide();
                        }  
                    })  
        }
        // search() {
        //     // console.log($('#input_search'))
            
        //     $('#input_search').on('keyup',function(){
        //         // this 指向
        //         console.log($(this).val())
        //         // TODO:搜索功能发送请求 渲染页面数据
        //         $.ajax({
        //             url:'',
        //             dataType:'jsonp',
        //             success(){

        //             }
        //         })
        //     })

        // }
        getNav(){
            $.get(`${url.xmyx}/tabs?sa=`,res => {
                if(res.code === 200){
                    const data = res.data.list.slice(0,7)
                    this.renderNav(data)
                }
            })
        }
        renderNav(data){
            $("#navList").html(template("renderNav",{data}))
        }
        shopNum(){
            const info = JSON.parse(localStorage.getItem("info"))
            let count = 0
            if(info){
                info.forEach(function(item) {
                    count += item.count    
                })
            }
            $('#headCar').text(count)
        }
        loginName(){
            const str = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : ''
            // const str = localStorage.getItem('email') ? localStorage.getItem('email') : ''
            if (str !== '') {
                // const str = localStorage.getItem('email')
                $("#navLogin").text((str).substring(0, 3) + '，欢迎你')
            }
        }
    }
    return new Header()

})